/**
 * 打开网站页面  并截图
 *
 * @type {Puppeteer}
 */
const puppeteer = require('puppeteer');

// const pUtil = require('./util/PuppeteerUtil.js');

(async () => {
    const browser = await puppeteer.launch({headless: false})
    const page = await browser.newPage()
    await page.goto('http://www.baidu.com')
    /**默认是截取 当前网页图片
     * path  路径分为绝对经和相对路径
     * 相对路径   就是当前js所在的目录  加path
     * 绝对路径   从盘符开始    例如  d://demo
     */
    //相对路径截图
    await page.screenshot({path: 'screenshot/baidu.png'});
    //绝对路径截图
    await page.screenshot({path: 'F:\\git码云\\puppeteer-demo\\demo\\screenshot\\baidu1.png'});

    /**
     * 如何控制元素截图
     */
        //方法一
    let suElementHandle = await  page.$('#su');
    await  suElementHandle.screenshot({
        path: 'screenshot/baidu_button1.png'
    });
    //方法二
    //先获取元素的clip
    // let clip = await pUtil.getBoundingClientRect(page, '#su');
    // console.log(clip);
    // //然后截取
    // await  page.screenshot({
    //     path: 'screenshot/baidu_button.png',
    //     clip: clip //设置clip 属性
    // });

    //TODO  屏幕太大怎么截图，需要滚动      待完善


})()